/*
 * @Author: PangLei 
 * @Date: 2017-09-18 13:06:30 
 * @Last Modified by: PangLei
 * @Last Modified time: 2017-09-21 16:24:42
 */


/* 辅助类 */

/* 情境文本颜色 */
// Alignment
.text_left {
  text-align : left;
}
.text_right {
  text-align : right;
}
.text_center {
  text-align : center;
}
.text_justify {
  text-align : justify;
}
.text_nowrap {
  white-space : nowrap;
}
a {
  cursor : pointer;
  -webkit-transition : color .3s ease;
          transition : color .3s ease;
  text-decoration : none;
  color : @base-color;
  outline : none;
  background : transparent;
}

a:focus {
  text-decoration : underline;

  -webkit-text-decoration-skip : ink;
          text-decoration-skip : ink;
}

a:active {
  color : @base-cs-color;
}

a:active,
a:hover {
  text-decoration : none;
  color : @base-cs-color;
  outline : 0;
}

a[disabled] {
  cursor : not-allowed;
  pointer-events : none;
  color : rgba(0, 0, 0, .25);
}
a:hover {
  text-decoration : underline;
}

.active {
  color : @base-cs-color;
}

/* 响应式图片 */
img {
  vertical-align : middle;
}

.img_responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display : block;
  max-width : 100%;
  height : auto;
}

.img_rounded {
  border-radius : 6px;
}

.img_thumbnail {
  display : inline-block;
  max-width : 100%;
  height : auto;
  padding : 4px;
  line-height : 1.42857143;
  -webkit-transition : all .2s ease-in-out;
       -o-transition : all .2s ease-in-out;
          transition : all .2s ease-in-out;
  border : 1px solid #ddd;
  border-radius : 4px;
  background-color : #fff;
}

.img_circle {
  border-radius : 50%;
}


/* 显示隐藏内容 */
.hide {
  display : none !important;
}

.show {
  display : block !important;
}

.invisible {
  visibility : hidden;
}

.text_hide {
  font : 0/0 a;
  color : transparent;
  border : 0;
  background-color : transparent;
  text-shadow : none;
}

.hidden {
  display : none !important;
}

.affix {
  position : fixed;
}
.relative {
  position : relative;
}
.absolute {
  position : absolute;
}

// 淡入动画
@keyframes fadeIn {
  0% {
    opacity : 0;
  }
  100% {
    opacity : 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity : 1;
  }
  100% {
    opacity : 0;
  }
}
.fade_in {
  animation : fadeIn .5s;
}
.fade_out {
  animation : fadeOut .5s;
}
